.logisticsContainer {
  padding: 20rpx;
  max-height: 50vh;
  overflow-y: auto;
}

.logisticsItem {
  margin-bottom: 30rpx;
  padding-left: 40rpx;
  position: relative;

  &::before {
    content: '';
    position: absolute;
    left: 10rpx;
    top: 10rpx;
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    background: #007aff;
  }

  &::after {
    content: '';
    position: absolute;
    left: 14rpx;
    top: 30rpx;
    bottom: -20rpx;
    width: 2rpx;
    background: #eee;
  }

  &:last-child::after {
    display: none;
  }
}

.time {
  font-size: 24rpx;
  color: #999;
  margin-bottom: 8rpx;
}

.context {
  font-size: 28rpx;
  color: #333;
}

.empty {
  text-align: center;
  padding: 40rpx;
  color: #999;
}